@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0}
ul li{ list-style:none}
img{ border:0; max-width:100%; }
a{ text-decoration:none; color:#333}
.clear{ clear:both}
body{ font-family:"微软雅黑"; width:100%; min-width:1200px;color: #333;font-size: 14px; background:url(../img/bg.jpg) no-repeat; background-size:100% 100%; overflow:hidden}
a:hover{ text-decoration:underline}

.loginBox{ width:520px; height:800px;background-size:100% 100%; margin:0 auto; overflow:hidden}
.loginBox h1{ color:#fff; text-align:center; font-weight:bold; font-size:26px; margin-top:10px; letter-spacing:7px; margin-bottom:20px}
.loginBox .item{ width:300px; height:45px; margin-left:105px; border:1px solid #1d90c5; margin-bottom:10px; background:rgba(11,116,180,0.8); display:flex}
.loginBox .item .icon{ float:left; width:45px;}
.loginBox .item .icon img{display:block; width:20px; margin:12px;}
.loginBox .item .txt{ flex:1;}
.loginBox .item .txt input{ border:0; background:none; outline:none; width:100%; height:45px; line-height:45px; color:#fff; letter-spacing:1px; font-size:14px}
.loginBox .item .yzm{ float:right; width:100px; overflow:hidden; padding-left:10px}
.loginBox .item .yzm img{ display:block; width:100px; height:45px;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #fff; opacity:1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fff;opacity:1;
}

input:-ms-input-placeholder{
    color: #fff;opacity:1;
}

input::-webkit-input-placeholder{
    color: #fff;opacity:1;
}


.loginBox .item_2{width:300px; margin-left:105px; overflow:hidden; padding-bottom:20px}
.loginBox .item_2 a{ float:right; color:#fff; font-size:12px}
.loginBox .item_2 input{ float:left;}
.loginBox .item_2 span{ float:left; color:#fff; font-size:12px}

.loginBox .item_3{width:300px;margin-left:105px; overflow:hidden }
.loginBox .item_3 .btn{width:300px; height:45px; background:#3FB5E3;border:0; outline:none; text-align:center; line-height:45px; color:#fff; letter-spacing:2px; font-size:16px; font-weight:bold;border:1px solid #1d90c5; margin-bottom:10px; cursor:pointer}


input[type=checkbox] {
    margin-right: 5px;
    cursor: pointer;
    font-size: 14px;
    width:11px;
    height:10px;
    position: relative;
}

input[type=checkbox]:after {
    position: absolute;
    width:6px;
    height:13px;
    top: 0;
    content: " ";
    background:rgba(11,116,180,1);border:1px solid #1d90c5;
    color: #fff;
    display: inline-block;
    visibility: visible;
    padding: 0px 3px;
    border-radius: 3px;
}

input[type=checkbox]:checked:after {
    content: "✓";
    font-size: 12px;
}


.loginBox .item_4{width:300px; margin-left:105px; overflow:hidden; margin-top:10px; color:#fff; font-size:12px; letter-spacing:0.5px}
.loginBox .item_4 a{color:#1d90c5; font-size:12px; font-weight:bold; padding-left:3px}


.loginBox .item_5{width:300px; margin-left:105px; overflow:hidden; margin-top:80px;letter-spacing:0.5px; margin-bottom:70px}
.loginBox .item_5 p{ text-align:center; color:#fff; font-size:14px;}